@import '@wordpress/base-styles/breakpoints';
@import '@wordpress/base-styles/mixins';

.subscriber-totals {
	padding: 0 48px;
	margin-bottom: 8px;
	font-size: $font-code;

	// 430px is the DataViews padding breakpoint.
	@media ( max-width: 430px ) {
		padding: 0 24px;
	}
	
	&.is-loading {
		min-height: 24px;
	}

	&__filtered-count {
		font-weight: 600;
		margin-right: 4px;
	}

	&__total {
		color: var(--studio-gray-40);
	}

	&__total-count {
		font-weight: 600;
	}
}
